import 'package:flutter/material.dart';

class RepaymentBills extends StatelessWidget {
  const RepaymentBills({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    TextStyle _typeStyle = TextStyle(fontSize: 14, color: Color(0xFF101010));
    TextStyle _dueDateStyle = TextStyle(fontSize: 12, color: Color(0xFF999999));

    return Container(
      child: Card(
        shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(12.0))),
        child: Container(
          height: (55.0 * 10),
          padding: EdgeInsets.all(16),
          child: ListView.separated(
              physics: NeverScrollableScrollPhysics(),
              itemBuilder: (context, index) {
                return Container(
                  height: 40.0,
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: <Widget>[
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: <Widget>[
                          Text(
                            '${index + 1}nd EMI',
                            style: _typeStyle,
                          ),
                          Text(
                            'Due date: 15/08',
                            style: _dueDateStyle,
                          )
                        ],
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: <Widget>[
                          Container(
                            color: Color(0xFFFFF4F5),
                            margin: EdgeInsets.only(right: 14),
                            padding: EdgeInsets.symmetric(
                                vertical: 4, horizontal: 8),
                            child: Text(
                              'Overdue',
                              style: TextStyle(
                                  color: Color(0xFFFF3446), fontSize: 10),
                            ),
                          ),
                          Text(
                            '₹ 3,535.30',
                            style: TextStyle(
                                fontSize: 16, color: Color(0xFF101010)),
                          ),
                          Checkbox(
                            value: true,
                            onChanged: (isCheck) {
                              print(isCheck);
                            },
                          )
                        ],
                      )
                    ],
                  ),
                );
              },
              separatorBuilder: (context, index) {
                return Divider(
                  height: 14,
                );
              },
              itemCount: 10),
        ),
      ),
    );
  }
}
